﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Smart SDK From</title>


    <!-- 引入必要的 SmartSDKFrm.js -->
    <script src="../../WF/SmartSDKFrm.js"></script>

    <script type="text/javascript">

        /*
         *  保存方法demo:
         *  1, 该方法的方法名与ccflow &jFlow 约定好的，如果保存成功就返回true,用户就可以执行发送.
         *  2, 如果失败就返回false引擎就终止发送操作.
         */
        function Save() {

            try {

                var ts = document.getElementById('TB_QingJiaTianShu').value;
                if (ts == 0) {
                    alert('请假天数不能为零。');
                    return false;
                }

                //  document.getElementById('Btn_Save').click(); //调用btn_save事件.
                // alert('save ok');
                return true; //保存成功，用户可以发送.
            } catch (e) {
                alert(e.name + " :  " + e.message);
                return false; // 保存失败不能发送.
            }
        }
    </script>
</head>
<body>

    <div id="ToolBar"></div>
    <table style="width:90%; border:1px; text-align:center">

        <tr>
            <th colspan="4">
                请假单
            </th>
        </tr>

        <tr>
            <td>请假人</td>
            <td> <input type="text" id="TB_QJR" /> </td>
            <td>请假人部门</td>
            <td> <input type="text" id="TB_QJRBM" /> </td>
        </tr>

        <tr>
            <td>日期从</td>
            <td> <input type="text" id="TB_DTFrom" /> </td>
            <td>到</td>
            <td> <input type="text" id="TB_DTTo" /> </td>
        </tr>

        <tr>
            <td>天数</td>
            <td> <input type="text" id="TB_QingJiaTianShu" /> </td>
            <td>请假原因</td>
            <td> <input type="text" id="TB_QingJiaYuanYin" /> </td>
        </tr>

        <tr>
            <th colspan="4">
                审核信息
            </th>
        </tr>

        <tr>
            <td colspan="4">
                <div id="WorkCheck"></div>
            </td>
        </tr>

        <tr>
            <td colspan="4" style=" text-align:left">

                <fieldset>
                    <legend> 如何使用?</legend>
                    <ul>
                        <li>0. 首先您需要改造您的表单存储 WorkID 字段，并且作为该流程实例的标识 .</li>
                        <li>1. 首先引入/WF/SmartSDKFrm.js文件.</li>
                        <li>2. 在自己的页面上增加一个ID为ToolBar的div标记流程的控制按钮工具栏的摆放位置.</li>
                        <li>3. 如果要引入其他的控件，比如审核组件WorkCheck，评论组件FlowBBS, 需要在增加对应ID的div，以方便ccbpm解析.</li>
                        <li>4. 按照约定编写一个Save的方法，该方法返回true,false true=保存成功 false=保存失败. 在工具栏的发送与保存按钮调用,如果保存失败就不能发送.</li>
                        <li>5. 工具栏上的按钮是在节点属性上可以控制或者隐藏,比如：退回、移交、加签、轨迹等按钮.</li>
                    </ul>

                    <legend> 有什么优点?</legend>
                    <ul>
                        <li>1. 如果要在您的业务表单上跑流程，仅仅要做的是把 SmartSDKFrm.js 放入到您的页面里面.  </li>
                        <li>2. 系统就会自动生成流程引擎的控制toolbar， toolbar 的按钮权限在节点属性里直接控制.</li>
                        <li>3. 您可以充分利用ccbpm的很多组件功能，比如：定位、地图、拍照、附件、评论组件等等.</li>

                    </ul>

                </fieldset>
            </td>
        </tr>

    </table>

    <!-- 保存按钮让其隐藏 ............................ -->
    <div style="display:none ">
        <input type="button" value="Save" onclick="Save()" />
    </div>


</body>
</html>